<%-- 
    Document   : index
    Created on : 21/02/2012, 15:18:13
    Author     : ronyoliveira
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Panda.UI</title>

        <!-- jQuery & jQuery UI -->
        <script src="jQuery.UI/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="jQuery.UI/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <link href="jQuery.UI/jquery.ui.all.css" rel="stylesheet" type="text/css" />

        <!-- Scripts de terceiros -->
        <!-- LionBars -->
        <script src="Third/LionBars/jquery.lionbars.0.3.min.js" type="text/javascript"></script>
        <link href="Third/LionBars/lionbars.css" rel="stylesheet" type="text/css" />

        <!-- Main Stylesheet -->
        <link href="Panda.UI/Theme/Main.css" rel="stylesheet" type="text/css" />

        <script type="text/javascript">
            $(function () {
                $('.fk-inner-sidebar, .scrollable').lionbars();
            });
        </script>
    </head>
    <body>
        <div class="fk-sidebar">
            <div class="fk-topbar">
                <a class="fk-button fk-button-left fk-button-right fk-position-left">
                    <img src="Panda.UI/Icons/cog.png" width="14" align="absmiddle" />
                </a>

                <span class="fk-title">PandaKit <font size="1" color="gray">beta 0.1</font></span>

                <a class="fk-button fk-button-left fk-button-right fk-position-right">
                    <img src="Panda.UI/Icons/magnifier.png" width="14" align="absmiddle" />
                </a>
            </div><!-- .fk-topbar -->

            <div class="fk-inner-sidebar">
                <ul class="fk-sidebar-menu">
                    <li><img src="Panda.UI/Icons/house.png" align="absmiddle" />&nbsp;&nbsp;Dashboard</li>
                    <li><img src="Panda.UI/Icons/user.png" align="absmiddle" />&nbsp;&nbsp;Usuários</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                    <li><img src="Panda.UI/Icons/cog.png" align="absmiddle" />&nbsp;&nbsp;Configurações</li>
                </ul>
            </div><!-- .fk-inner-sidebar -->

            <div class="fk-bottombar">
                <a class="fk-bottombar-button" style="width: 100%;">
                    Teste
                </a>
            </div><!-- .fk-bottombar -->
        </div><!-- .fk-sidebar -->
        
        <div class="fk-content">
            <div class="fk-content-topbar">
                <a class="fk-button fk-button-left fk-button-right fk-position-left blue">
                    <img src="Panda.UI/Icons/bug.png" width="14" align="absmiddle" /> Reportar Bug
                </a>

                <span class="fk-title">Dashboard</span>

                <a class="fk-button fk-button-left fk-button-right fk-position-right">
                    <img src="Panda.UI/Icons/help.png" width="14" align="absmiddle" /> Ajuda
                </a>
            </div><!-- .fk-topbar -->

            <div class="fk-inner-content" style="background: url('Panda.UI/Theme/Images/bg2.jpg');">
                <div class="fk-panel scrollable fk-position-left" style="width: 49%;">
                    <ul class="fk-stream-list">
                        <li>Teste</li>
                        <li>Teste 2</li>
                    </ul>
                </div><!-- .fk-panel -->

                <div class="fk-panel scrollable fk-position-right" style="width: 49%; background: #eee;">
                    xD
                </div><!-- .fk-panel -->
            </div><!-- .fk-inner-content -->

            <div class="fk-content-bottombar">

            </div><!-- .fk-bottombar -->
        </div><!-- .fk-content -->
    </body>
</html>
